<template>
	<div class="individual">
		<div class="join-top layout fs28rem c666 pl30rem pr30rem pt20rem pb20rem">
			<span class="bold">1.身份信息 <i>————</i></span>
			<span>2.店铺消息 <i>————</i></span>
			<span>3.入驻成功</span>
		</div>
		<div class="individual-input">
			<div class="inputcommon pt30rem pb30rem pl30rem pr30rem flex border-b">
				<label class="black fs28rem" for="">联系人</label>：
				<input class="flex_1 c999 fs28rem ml30rem" type="text" placeholder="请输入您的姓名">
			</div>
			<div class="inputcommon pt30rem pb30rem pl30rem pr30rem flex border-b">
				<label class="black fs28rem" for="">手机号</label>：
				<input class="flex_1 c999 fs28rem ml30rem" type="text" placeholder="请输入您的手机号">
			</div>
			<div class="inputcommon pt30rem pb30rem pl30rem pr30rem flex border-b">
				<label class="black fs28rem" for="">邮   箱</label>：
				<input class="flex_1 c999 fs28rem ml30rem" type="text" placeholder="请输入您常用邮箱，便于信息及时送达">
			</div>
			<div class="inputcommon pt30rem pb30rem pl30rem pr30rem flex border-b">
				<label class="black fs28rem" for="">身份证</label>：
				<input class="flex_1 c999 fs28rem ml30rem" type="text" placeholder="请输入您的身份证号">
			</div> 
			<div class="inputcommon pt30rem pb30rem pl30rem pr30rem flex border-b">
				<label class="black fs28rem" for="">有效期</label>：
				<input class="flex_1 c999 fs28rem ml30rem" type="text" placeholder="请选择您的身份证有效截止日期">
				<i class="iconfont icon-right2"></i>
			</div>
		</div>
		<div class="card">
			<h2 class="fs30rem mb30rem ml30rem mt30rem">请上传您的身份证</h2>
				<div class="layout pr30rem pl30rem pb40rem border-b">
					<div class="w50 pr15rem">
						<img class="responsive-img" src="../../../assets/member/sfz-front.png">
						<p class="align-center fs24rem mt20rem cadadad">点击上传</p>
					</div>
					<div class="w50 pl15rem">
						<img class="responsive-img" src="../../../assets/member/sfz-behind.png">
						<p class="align-center fs24rem mt20rem cadadad">点击上传</p>
					</div>
				</div>
			<h2 class="fs30rem mb30rem ml30rem mt30rem">请上传手持身份证件半身照片</h2>
			<div class="layout mr30rem ml30rem pb40rem">
					<div class="w50 pr15rem">
						<img class="responsive-img" src="../../../assets/member/sfz-front.png">
						<p class="align-center fs24rem mt20rem cadadad">点击上传</p>
					</div>
			</div>
		</div>
		<div class="btn flex cxo-red ml30rem mr30rem mb80rem">
			<button class="flex_1 white">下一步</button>
		</div>
	</div>
</template>

<script>
	export default{
		data()
		{
			return{
			}
		},
		methods:
		{
		}
	}
</script>

<style lang="less">
	.join-top{
		background: #f5f5f5;
		i{
			display: inline-block;
			vertical-align: middle;
		}
	}
	.individual{
		.inputcommon{
			label{
				min-width: 110/28rem;
				text-align-last:justify;
			}
		}
	}
	.individual{
		.cadadad{
			color: #adadad;
		}
	}
</style>